import React, {Component} from 'react';
import {Image, Text, View, StyleSheet} from "react-native";
import {pxToDp} from "../../../../utils/styleKits";

// 来访
class Visit extends Component {
  render() {
    return (
      <View style={styles.visitMsg}>
        <Text>最近有4人来访，快去查看</Text>
        <View style={styles.visitImgBox}>
          <Image style={styles.img} source={{uri: 'https://www.itying.com/images/flutter/list1.jpg'}}/>
          <Image style={styles.img} source={{uri: 'https://www.itying.com/images/flutter/list1.jpg'}}/>
          <Text style={{color: '#666'}}>></Text>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  // 来访
  visitMsg: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginTop: pxToDp(10),
    marginBottom: pxToDp(10),
  },
  visitImgBox: {
    flexDirection: 'row',
    alignItems: 'center',
    marginRight: pxToDp(5),
  },
  img:{
    width: pxToDp(30),
    height: pxToDp(30),
    borderRadius: pxToDp(15),
    marginRight: pxToDp(5),
  },
});

export default Visit;